// utils/device.js
export function isMobile() {
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

// 现代浏览器推荐使用媒体查询：

const mediaQuery = window.matchMedia('(max-width: 768px)');

function handleViewportChange(e) {
  if (e.matches) {
    console.log('变为移动视图');
  } else {
    console.log('变为桌面视图');
  }
}

// 添加监听器
mediaQuery.addListener(handleViewportChange);



// 在 router.beforeEach 或 main.js 中调用
import { isMobile } from './utils/device';

router.beforeEach((to, from, next) => {
  const isMobileDevice = isMobile();
  if (to.path === '/') {
    if (isMobileDevice) {
      next('/mobile'); // 移动端页面
    } else {
      next('/pc'); // PC 页面
    }
  } else {
    next();
  }
});

// 注意事项：
//     用户代理可以被伪造，不能完全依赖
//     某些平板设备可能被识别为移动设备
//     响应式设计通常比用户代理检测更可靠
